<script lang="ts" context="module">
  import  { type Column, type CheckCellOptionTypeFunc, getCellContentType } from "./conf";
  import { Icon } from "@component/icons";
</script>
<script lang="ts">
  export let col: Column;
  export let item: any = undefined;
  export let icon: string | CheckCellOptionTypeFunc<string>;
  $: iconName = getCellContentType(icon || col.options.icon, item);
</script>
<div class="icon-cell-container">
  <Icon name={iconName} size="sm+" className="ml-2" />
</div>
<style lang="postcss">
  .icon-cell-container {
		@apply px-2;
    text-align:center;
	}
</style>